<template>
	<view class="container margin-lr">
		<view class="border-radius dflex-b bg-main padding-lr padding-tb-sm margin-top" @click="toHeadimg">
			<text>头像</text>
			
			<view class="dflex-c">
				<image class="border-radius-c headimg image-60 margin-right-xs"
					:src="member.member_headimg || '/static/images/user/default.png'"></image>
				<view class="iconfont iconjiantou-01 fs-sm" style="color: #c0c0c0;"></view>
			</view>
			
			<view class="border-radius margin-top-sm">
				<!-- <use-list-title title="昵称" iconfont=" " @goto="toEdit('nickname', '昵称', 26)"
					:tip="member.member_nickname"></use-list-title>
				<use-list-title title="性别" iconfont=" " @goto="toSex"
					:tip="(member.member_gender == 0 ? '未知' : member.member_gender == 1 ? '男' : '女') || '未知'">
				</use-list-title>
				<use-list-title title="地区" iconfont=" " @goto="toCity" :tip="member.member_city"></use-list-title> -->
			</view>
		</view>
	</view>
</template>

<script setup>
	import { computed, ref } from 'vue'
	import { useStore } from 'vuex'
	
	const store = useStore()
	const member = computed(() => store.state.member)
	
	const clipperShow = ref(false)
	
	const toHeadimg = () => {
	  clipperShow.value = true
	}
</script>

<style>
</style>